<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="bootstrap.css"/>
    <link rel="stylesheet" href="bootstrap-theme.css"/>
    <link rel="stylesheet" href="videoPlayer.css"/>
    <script src="jquery-3.1.1.min.js"></script>
    <script src="videoPlayer.js"></script>
    <title>videoPlayer</title>
</head> 
<body>
<video src="video/22.mp4" controls></video>
<div id="indexvideo">
    <div>
        <video id="video" src="video/24K.mp4"></video>
        <div id="tip"></div>
        <canvas id="canvas"></canvas>
    </div>
    <div id="indexnav">
        <ul>
            <li><input id="btnSlow" type="button" class="btn-slow" title="慢放"/> </li>
            <li><input id="btnPlay" type="button" class="btn-play" title="播放"/> </li>
            <li><input id="btnQuick" type="button" class="btn-quick" title="快放"/> </li>
            <li><input id="btnReturn" type="button" class="btn-volume-max focus" title="音量"/> </li>
            <li><input id="rngVoice" type="range" class="btn-volume-rng" min="0" max="1" value="1" step="0.1"/> </li>
            <li><input id="btnMin" type="button" class="btn-volume-min" title="静音"/> </li>
            <li><input id="btnPic" type="button" class="btn-Pic" title="截图"/> </li>
        </ul>
    </div>
</div>

</body>
</html>